<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <?php include Doo::conf()->SITE_PATH .  Doo::conf()->PROTECTED_FOLDER . "viewc//header.php"; ?>  
  <script type="text/javascript" src="<?php echo $data['baseurl']; ?>global/js/frb-popup-shadow/frb-popup-shadow.js"></script>
  <link rel="stylesheet" type="text/css" href="<?php echo $data['baseurl']; ?>global/css/frb-popup-shadow/frb-popup-shadow.css">
  <link rel="stylesheet" type="text/css" href="<?php echo $data['baseurl']; ?>global/css/frb-slide-header/frb-slide-header.css">
  <script type="text/javascript" src="<?php echo $data['baseurl']; ?>global/js/frb-slide-header/frb-slide-header.js"></script>
  <script type="text/javascript" src="<?php echo $data['baseurl']; ?>global/js/jquery-ui-1.8.16.custom.min.js"></script>
  <meta name="viewport" content="initial-scale=1.0, user-scalable=no">  
</head>

<body>
  <?php include Doo::conf()->SITE_PATH .  Doo::conf()->PROTECTED_FOLDER . "viewc//no-script.php"; ?>
  <!-- <div class="main-site-top-shadow"></div> -->
  <div id="main-site-shadow">
    <div id="main-site">
      <?php include Doo::conf()->SITE_PATH .  Doo::conf()->PROTECTED_FOLDER . "viewc//menu.php"; ?>
      <div id='main-site-plan'>
        <div id='main-site-plan-panel'>
        <h2 class='shrink-bottom'>Localisation des immeubles</h2>
          <div class='main-site-plan-panel-arrow' id='main-site-plan-panel-farrow'>
            Immeuble Henri Messerer
            <div style='display : none' class='gmaps-id' id='gmaps-id-messerer'></div>
            <div style='display : none' class='gmaps-content'>
              <img style='float:left;' src='<?php echo $data['baseurl']; ?>global/img/plan/messerer.jpg' alt='Immeuble rue Henri Messerer'>
              <p style='float: left; margin-left: 15px;'> <b>Immeuble Henri Messerer</b><br>20 rue Henri Messerer<br>13001<br>Marseille<br>Venez vivre au coeur de Marseille<br>dans un immeuble sécurisé.<br>Accès wifi sur demande. <br>Idéal pour étudiant.</p>
            </div>
          </div>
          <div class='main-site-plan-panel-arrow'>
            Immeuble théâtre français
            <div style='display : none' class='gmaps-id' id='gmaps-id-theatre'></div>
            <div style='display : none' class='gmaps-content'>
              <img style='float: left' src='<?php echo $data['baseurl']; ?>global/img/plan/theatre.jpg' alt='Immeuble rue théâtre français'>
              <p style='float: left; margin-left: 15px;'> <b>Immeuble théâtre français</b><br>8 rue du théâtre français<br>13001<br>Marseille<br>Venez vivre au coeur de Marseille<br>dans un immeuble sécurisé.<br>Accès wifi sur demande. <br>Idéal pour étudiant.</p>
            </div>
          </div>
          <img src='<?php echo $data['baseurl']; ?>global/img/plan/design-component-compass.png' alt=''>
        </div>
        <div id='map' style='width: 918px; height: 650px;'><div id='googlemap-error-load'>Erreur lors du chargement de la carte</div></div>
      </div>
    </div>
  </div>
  <!-- 
  <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.com/maps?client=ubuntu&amp;channel=fs&amp;q=marseille+Rue+Henri+Messerer&amp;oe=utf-8&amp;ie=UTF8&amp;hq=&amp;hnear=Rue+Henri+Messerer,+13001+Marseille,+Bouches-du-Rh%C3%B4ne,+Provence-Alpes-C%C3%B4te+d'Azur,+France&amp;ll=43.29723,5.38476&amp;spn=0.011713,0.027874&amp;t=m&amp;z=14&amp;vpsrc=0&amp;iwloc=A&amp;output=embed"></iframe>
  <iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.fr/maps?f=q&amp;source=s_q&amp;hl=fr&amp;geocode=&amp;q=Rue+du+Th%C3%A9atre+Fran%C3%A7ais,+Marseille&amp;aq=0&amp;sll=46.75984,1.738281&amp;sspn=11.292696,28.54248&amp;vpsrc=0&amp;ie=UTF8&amp;hq=&amp;hnear=Rue+du+Th%C3%A9atre+Fran%C3%A7ais,+13001+Marseille,+Bouches-du-Rh%C3%B4ne,+Provence-Alpes-C%C3%B4te+d'Azur&amp;t=m&amp;z=14&amp;ll=43.297196,5.382443&amp;output=embed"></iframe>
   -->
  <?php include Doo::conf()->SITE_PATH .  Doo::conf()->PROTECTED_FOLDER . "viewc//menuBottom.php"; ?>  
<!-- TODO Définir referers pour googlemapapi -->
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyAynCnbsEHx2esqyBbg-CgqyflZ0vGEafY&sensor=true"></script>
<script type="text/javascript">
if(typeof(google)!="undefined"){
  $('#googlemap-error-load').html("");
  var map;
  var infowindow;
  var messerer = new google.maps.LatLng(43.29723,5.38476);
  var theatre = new google.maps.LatLng(43.297196,5.382443);
  var marker1;
  var marker2;
  $(document).ready(function(){
    $('.frb-popup-shadow').frbPopupShadow({
      link : 'contact',
      host : '<?php echo $data['baseurl']; ?>',
      currentPage : 'informations-et-plan-acces-immeubles.html'
    });
    
      var myOptions = {
        zoom: 14,
        center: messerer,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      map = new google.maps.Map(document.getElementById("map"),
          myOptions);
      marker1 = new google.maps.Marker({
          map:map,
          draggable:false,
          animation: google.maps.Animation.DROP,
          position: theatre,
          title: 'Immeuble Théâtre français'
        });
      marker2 = new google.maps.Marker({
          map:map,
          draggable:false,
          animation: google.maps.Animation.DROP,
          position: messerer,
          title: 'Immeuble Henri Messerer'
        });
     // infowindow.open(map,marker);      
     infowindow = new google.maps.InfoWindow();
     
       
    $('.main-site-plan-panel-arrow').click(function(){
      var id = $(this).children('.gmaps-id').attr('id');
      var content = $(this).children('.gmaps-content').html();
      if(id == 'gmaps-id-messerer'){
        marker1.setVisible(false);
        marker2.setVisible(true);
        marker = marker2;
        marker.setAnimation(google.maps.Animation.DROP);
      }else{
        marker2.setVisible(false);
        marker1.setVisible(true);
        marker = marker1;
        marker.setAnimation(google.maps.Animation.DROP);
      }
      infowindow.setContent(content);
      infowindow.open(map,marker);
    });
  });  
}

</script>
</body>
</html>